﻿@charset "utf-8";
/* CSS Document */

.leftbox{ width:240px; position:absolute; z-index:99; }
.left .contact p{ padding:10px; line-height:22px;}

.right h3{ background:url(../images/title_icon.png) no-repeat 0 10px; text-indent:20px; font-size:18px; height:34px; line-height:34px; border-bottom:dotted 1px #ccc; font-weight:bold;}
.right h3 span{ font-size:12px; float:right; font-weight:normal;}
.right h3 i{ font-style:normal; color:#eb7a14; margin-left:10px; font-size:15px;}
.right .content{ padding:10px; min-height:570px;}

.pagelink{height:26px; line-height:26px; margin:10px 0 0 0; text-align:center; background:#eee;}
.pagelink a, .pagelink span{ padding:0 3px;}
.pagelink a.on, .pagelink a:hover{ color:#F9003B;}

.news{ padding:0 5px 10px; margin:10px 0; border-bottom:dashed 1px #ccc;}
.news dt{ line-height:26px;}
.news dt a{ color:#d31e23; font-weight:bold;}
.news dt a:hover{ text-decoration:underline;}
.news dd{ background:#eee; padding:10px;}

.newsdetails{}
.newsdetails h2{ font-size:20px; color:#20304a; text-align:center; line-height:30px; margin-top:10px;}
.newsdetails h4{ font-size:12px; text-align:center; border-bottom:dotted 1px #ccc; font-weight:normal; margin:5px 0 10px;}
.newsdetails p .text{ width:400px; height:18px; line-height:18px;}
.newsdetails p .btn{ width:50px; border:none; background:#333; height:22px; line-height:22px; color:#fff; margin-left:5px; cursor:pointer;}

.prolist{ width:720px; margin:0 auto;}
.prolist li{ width:360px; float:left; text-align:center; margin-top:10px;}
.prolist li img{ width:340px; height:256px; padding:3px; border:solid 1px #ccc; margin:0 auto 5px;}
.prolist li p{ line-height:24px; font-size:14px; font-weight:bold;}
.prolist li a:hover img{ border:solid 1px #d31e23;}

.prodetails{ font-size:14px; line-height:30px;}
.prodetails h2{ font-size:20px; color:#20304a; text-align:center; line-height:35px; margin-top:10px; border-bottom:dotted 1px #ccc; font-weight:bold;}
.prodetails h4{}
.prodetails h4 img{ width:720px; margin:10px auto 50px;}
.prodetails p .text{ width:400px; height:18px; line-height:18px;}
.prodetails p .btn{ width:50px; border:none; background:#333; height:22px; line-height:22px; color:#fff; margin-left:5px; cursor:pointer;}
.prodetails h3{ width:95px; font-size:16px;  color:#fff; height:35px; line-height:35px; background:#e87b12; text-indent:15px; margin-bottom:5px; border:none; margin-top:10px;}

.prodetails strong{ padding:5px 15px; background:#e87b12; color:#fff; font-size:16px;}

.prorelated{ margin-top:20px;}
.prorelated h3{ font-size:16px;  color:#fff; height:35px; line-height:35px; background:#e87b12; text-indent:15px; margin-bottom:15px; border:none;}
.prorelated li{ float:left; width:182px;text-align:center; font-size:12px;}
.prorelated li img{ margin:0 auto;padding:1px; border:solid 1px #9a9899; width:160px; height:115px;}

.prorelated_news{ margin-top:20px;}
.prorelated_news h3{ font-size:16px;  color:#fff; height:35px; line-height:35px; background:#e87b12; text-indent:15px; margin-bottom:5px; border:none;}
.prorelated_news li{ float:left; width:350px; border-bottom:dashed 1px #ccc; text-indent:10px; font-size:12px; background:url(../images/icon.png) no-repeat 3px 12px; text-indent:18px; line-height:30px;}
.prorelated_news .interval{ margin-left:20px;}

.pages{ text-align:center; background:#eee; height:30px; line-height:30px; margin-top:15px;}
.pages a,.pages span{ margin:0 5px;}